草庐IT

Bootstrap5 表单

全部标签

javascript - 提交表单后重新初始化/重置 dropzone

我正在使用dropzone.js在ruby​​onrails上上传图片。这是我的HTML代码我将dropzone初始化为$("#media-dropzone").dropzone({acceptedFiles:pg.constants.ACCEPTED_FORMAT,maxFilesize:pg.constants.ATTACHMENT_MAX_FILE_SIZE,//InMBmaxFiles:pg.constants.ATTACHMENT_MAX_SIZE,addRemoveLinks:true,removedfile:function(file){if(file.xhr.respo

javascript - 在 javascript 中模拟 <enter> 按键以触发表单提交

我找到了十几篇关于如何执行此操作的不同SO文章,但没有一篇起作用。我正在尝试编写一些测试,并且我想测试当我在input中按enter时,表单确实会回发。但是,我无法用它来模拟这一点。无论我选择哪种方法,keypress事件都会被触发——事件监听器会看到它——但表单不会被提交。jsFiddlelink:HTMLJavascript$(function(){var$input=$("#myinput");$input.on("keypress",function(evt){$("#output").append("Typed:"+evt.keyCode+",buttheformdidn't

javascript - Bootstrap 3 : Show spinner + fade background whilst waiting for modal content to load

所以我知道您现在可以使用data-target+href来加载远程内容,但是,我从ajax响应中得到的是json(而且我无法更改服务器端),所以我首先需要对其进行处理。我想展示一个微调器,我有它的CSS,但也想已经淡出当您将类“淡入淡出”添加到模态div时发生的背景。有谁知道如何手动启动它,并确保在我显示模态时不重复动画? 最佳答案 在我使用Bootstrap3的元素中,我创建了一个pleaseWait函数,我从其他执行AJAX调用的函数中调用该函数。此功能包含显示和隐藏功能。show函数将加载我希望显示的html(微调器、文本等)

javascript - Bootstrap ui angularjs 与过滤器问题

我正在使用BootstrapUI在我的Angular应用程序中。我在html页面中有一个工具提示,效果很好。我注意到,在显示工具提示并移出鼠标后,Ui-bootstrap-tpls.js触发了一个名为“hideTooltipBind”的方法,该方法依次调用$apply并触发该范围内的过滤器重新加载。假设我在范围内有10个过滤器,每个过滤器过滤100个数组。每次显示工具提示时,我的所有过滤器都被迫重新加载。我怎样才能避免这种情况?我正在使用//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.jsjquery-2.0.3.jsu

javascript - 通过 npm 更改为使用 bootstrap

我正在开发一个目前使用Bootstrap的项目。然而,这是通过将Bootstrap文件加载到子目录中来完成的。我想转而使用npm,因为这样可以更轻松地保持最新状态。我们现有的style文件夹包括bootstrap和source作为子文件夹+一个index.js文件:varms=require('ms');varjoin=require('path').join;varless=require('transform')('less');varexpress=require('express');varapp=express();.............*othercode*app.ge

javascript - 不使用angularjs向下滚动时如何验证表单?

我正在尝试验证名为“同意信息”的页面的表单。在这里,用户必须向下滚动才能向前移动(记住框底部没有复选框,相反用户必须一直向下滚动直到滚动结束),如果用户单击继续/同意按钮而不滚动,必须显示一个div元素/错误,说“需要滚动到信息的底部”(必须是anchor链接,单击它应该用颜色突出显示该框)。这是代码和图片(function(){angular.module('agreeToInfoApp',[]).directive('execOnScrollOnBottom',[function(){return{restrict:'A',link:function(scope,elem,attr

javascript - 在注册表单上,表单字段未保存在提交时自动填写的浏览器中。(ReactJs)

我的站点中有一个注册表单,我正在其中保存字段,并且在用户再次返回该注册表单时保存表单后,我希望将以前的字段值保存在浏览器自动填充中。下面是我的代码片段-SignUp在anchor标记的onClick代码中,我通过注册用户函数进行ajax调用。之后,我希望用户数据自动填充到chrome中的浏览器自动填充地址中。我尝试了以下方法:-1.很少有人建议使用表单“提交”按钮功能将数据保存在自动填充中,而不是使用ajax调用表单anchor标记的onClick事件。但这对我来说也不起作用。2.我看过一些帖子,其中他们告诉我要为字段使用专有名称和自动完成属性。但使用该浏览器只能猜测正确的字段值。

javascript - 使用 AJAX 的 Bootstrap 工具提示(再来一次)

平凡、常见的用例我想要一个工具提示,它在鼠标悬停时立即显示正在加载的GIF,该GIF被AJAX成功回调产生的HTML所取代。AJAX工具提示的错误答案几乎与在线问这个确切问题的人一样多。特别是,我一直在模拟我在this上的努力。,this,尤其是几个答案here.对于所有这些解决方案(即使是那些专门声称可以解决该问题的解决方案),我一直遇到的问题是,工具提示偶尔会延迟出现并且无法消失。这也不是库问题,因为我过去在使用jQuery-UI工具提示时遇到过同样的问题。图书馆jQueryv2.2.3Bootstrapv3.3.6之前尝试过使用jQuery1并遇到了同样的问题:jQueryv1.

javascript - 以编程方式将验证规则附加到表单字段

我正在使用VeeValidate对使用Vue.js制作的表格进行一些验证.我将其设置为显示一个跨度,其中包含与发生错误的输入相关的错误消息。{{errors.first('panelData.AnalysisDate')}}所有输入都以相同的方式设置,并且都正常工作。当我尝试向需要date-between的上述输入添加验证规则时出现问题。使用从今天开始的一年作为最大值的规则。date_between:{min,max}v-validate属性接收由|分隔的验证规则字符串。有一种方法可以通过自动附加到Vue实例的验证器实例动态添加规则。$validator.attach({field},

javascript - Rails 在 Bootstrap 4 模态中执行 Javascript

我有一个Rails5.1应用程序,我在其中使用Ajax在使用coffeescript/JS的表单内创建患者记录。使用以下代码可以正常工作:_form.html.erb×AddPatientapplication.js$(document).on('turbolinks:load',function(){$('#patient_date_of_birth_modal').datepicker({format:'yyyy-mm-dd',zIndexOffset:100000,forceParse:false});});患者.咖啡$(document).on'turbolinks:load'